import "./styles.css";
import React  from "react";
import { AnimatedTooltip } from "./AnimatedTooltip";
import Tooltip from "./Tooltip1";

export default function App() {
  return (
    <div className="App">
      <h1>Floating UI Tooltip</h1>
      <h2>Tooltip</h2>
      <Tooltip label="My tooltip">
        <button>Hover me</button>
      </Tooltip>
      <h2>`framer-motion` animated tooltip</h2>
      <p>Including pointerRest logic</p>
      <AnimatedTooltip label="My tooltip">
        <button>Hover me</button>
      </AnimatedTooltip>
    </div>
  );
}
